<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>bootstrap文字显示</title>
    <link rel="stylesheet" href="../css/bootstrap.css">
</head>
<body>
    
    <header>
        <h1>h1</h1>
        <h2>h2</h2>
        <h3>h3</h3>
        <h4>h4</h4>
        <h5>h5</h5>
        <h6>h6</h6>
        <p class="h1">等同于h1标题的p标签</p>
        <div class="h2">等同于h2标题的div</div>
        <p class="h1">带副标题的h1标题标签<small class="text-muted">我是副标题</small></p>
        <div class="display-1">更大的标题标签1</div>
        <div class="display-2">更大的标题标签2</div>
        <br>
        <p class="lead">书籍是人类进步的阶梯</p>
        <br>
        <p>书籍是人类进步的阶梯</p>
        <br>
        <p>让文字的背景色变色的标签是 <mark>mark</mark> 标签, mark: 做记号</p>
        <p>使文本被划线, 看似被删除的标签是<del>del</del>标签, del:delete</p>
        <p>等同于del标签, 语义化含义为该文本内容不再准确的是<s>s</s>标签</p>
        <p>等同于u标签, 语义化含义为该文本为原文补充的是<ins>ins</ins>标签</p>
        <p>增加文字下划线的是<u>u</u>标签</p>
        <p>使文本变小的为<small>small</small>标签, small:小的</p>
        <p>使文本变粗的为<strong>strong</strong>标签, strong:粗壮的,深刻的</p>
        <p>使文本倾斜的为<em>em</em>标签</p>

        <blockquote class="blockquote text-center">
            书籍是人类进步的阶梯
            <footer class="blockquote-footer">----高尔基</footer>
        </blockquote>

        <div class="container">
            <ul class="list-unstyled">
                <li>a</li>
                <li>b</li>
                <li>c
                    <ul>
                        <li>1</li>
                        <li>2</li>
                        <li>3</li>
                    </ul>
                </li>
                <li>d</li>
            </ul>
        </div>
        
        <div class="container">
            <ul class="list-inline">
                <li class="list-inline-item">a</li>
                <li class="list-inline-item">b</li>
                <li class="list-inline-item">c</li>
                <li class="list-inline-item">d</li>
            </ul>
        </div>
    </header>


    <script src="../js/jquery.min.js"></script>
    <script src="../js/bootstrap.min.js"></script>
</body>
</html>